/* CSS Document */
/*public*/
*{ padding:0px; margin:0px; border:0px;}
.box{ width:1003px; margin:auto;}
.box1{ width:100%; margin:0 auto;}
body{ font-family:Arial, sans-serif, "����", "΢���ź�"; font-size:12px; color:#000000;}
a{ font-family:Arial, sans-serif, "����", "΢���ź�"; font-size:12px; color:#000000; text-decoration:none;}
.clr{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
.lang a{ font-weight:bold;} 
ul,ol,li{ list-style-type:none;}
form input{ border:1px solid #CCCCCC;}
form textarea{ border:1px solid #CCCCCC;}
/*public*/

#flash{ width:1004px; margin:auto; height:660px;}
.index_flash{ background:url(../images/index_bg.jpg) no-repeat top center; width:100%; height:660px;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}

/*banner*/
#banner{ position:relative; height:300px; margin:0px auto; width:1423px; margin-top:1px;}
.banner { position:absolute; top:0; width:1423px; height:300px; overflow:hidden; left:0px;}
#slider{ width:1423px; margin:0 auto;}
ul.img_list{ width:1423px; height:300px; overflow:hidden;}
ul.img_list li{ float:left; width:1423px; height:300px;}
ul.img_list li img{ height:300px; width:1423px;}
#slider_nav{ position:absolute; z-index:99; bottom:15px; left:48%; display:none;}
#slider_nav a{ float:left; margin:0 5px; height:18px; width:18px; background:url(slider_butt.png) no-repeat 0 0;}
#slider_nav a.active{ background-position:-23px 0;}

.aboutbanner{ background:url(../images/bannera.jpg) no-repeat top center; width:100%; height:300px;}
.projectsbanner{ background:url(../images/bannerb.jpg) no-repeat top center; width:100%; height:300px;}
.productsbanner{ background:url(../images/bannerc.jpg) no-repeat top center; width:100%; height:300px;}
.onlinebanner{ background:url(../images/bannerd.jpg) no-repeat top center; width:100%; height:300px;}
.newsbanner{ background:url(../images/bannere.jpg) no-repeat top center; width:100%; height:300px;}
.honorbanner{ background:url(../images/bannerf.jpg) no-repeat top center; width:100%; height:300px;}
.contactbanner{ background:url(../images/bannerg.jpg) no-repeat top center; width:100%; height:300px;}
/*banner*/

.header{ height:108px; width:100%;}
.logo{ float:left; margin:16px 0px 0px 11px; width:633px; height:69px;}
.language{ float:right; margin:45px 6px 0px 0px; height:30px;}

#menu{ background:url(../images/menu_bg1.jpg) repeat-x top center; width:100%; height:40px; }
.menu{ height:40px; line-height:40px; margin-left:18px; width:1003px; margin:0 auto}
.menu li{ float:left; color:#FFFFFF; width:60px; height:40px; display:inline;text-align:center;}
.menu li a{ display:block; color:#FFFFFF; width:100%; height:40px; line-height:40px; text-align:center; font-family:"����", Arial, sans-serif, "΢���ź�"; font-weight:bold; font-size:14px;}
.lispan{ width:1px!important; height:40px; line-height:40px; float:left; display:inline; margin:0px 26px;}

.menu_en{ height:40px; line-height:40px; margin-left:18px;width:1003px; margin:0 auto}
.menu_en li{ float:left; color:#FFFFFF; width:89px; height:40px; display:inline;text-align:center;}
.menu_en li a{ display:block; color:#FFFFFF; width:100%; height:40px; line-height:40px; text-align:center; font-family:"����", Arial, sans-serif, "΢���ź�"; font-weight:bold; font-size:14px;}
.lispan_en{ width:1px!important; height:40px; line-height:40px; float:left; display:inline; margin:0px 16px;}


#footer{ background:url(../images/footer_bg.jpg) repeat-x top center; width:100%; height:75px;}
#footer p{ text-align:center; padding-top:18px; color:#FFFFFF;}
#footer p a{ color:#FFFFFF;}
.company{ margin-top:10px; text-align:center; color:#FFFFFF;}
.company a{ color:#FFFFFF;}

.index_left{ width:742px; float:left; margin-top:20px;}
.index_right{ width:235px; float:right; margin-top:20px;}
.index_about{ width:100%;}
.inabout_head{ width:100%; background:url(../images/inabout_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.incontact_head{ width:100%; background:url(../images/incontact_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.honors_head{ width:100%; background:url(../images/honors_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.online_head{ width:100%; background:url(../images/online_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.about_head{ width:100%; background:url(../images/about_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.news_head{ width:100%; background:url(../images/news_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.projects_head{ width:100%; background:url(../images/projects_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.products_head{ width:100%; background:url(../images/inlist_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.more a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}
.index_line{ background:#D2D2D2; width:100%; height:1px; margin-top:5px;}
.inabout_about{ width:100%; margin-top:15px; position:relative; height:176px;}
.inproductshow{ width:100%; position:relative; height:158px;}

.inproductshow_head{ width:100%; margin-top:20px; background:url(../images/inaproducts_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}

.join_head{ width:100%; background:url(../images/join_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.join_head a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}

/*en*/
.inabout_headen{ width:100%; background:url(../images/en_about.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.incontact_headen{ width:100%; background:url(../images/en_contact.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.honors_headen{ width:100%; background:url(../images/en_honors.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.online_headen{ width:100%; background:url(../images/en_online.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.about_headen{ width:100%; background:url(../images/en_about.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.projects_headen{ width:100%; background:url(../images/en_projects.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.products_headen{ width:100%; background:url(../images/en_products.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.inproductshow_headen{ width:100%; margin-top:20px; background:url(../images/en_products.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.join_headen{ width:100%; background:url(../images/en_join.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.join_headen a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}
/*en*/

.index_join{ height:150px; overflow:hidden; margin-top:5px; line-height:25px;}

.inproductshow_head a, .inproductshow_headen a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}
.inabout_img{ float:left; width:200px; height:176px; margin-left:5px;}
.inabout_content{ float:right; width:520px; margin-right:5px; height:176px; font-size:12px; font-family:"����", Arial, sans-serif, "΢���ź�"; line-height:22px;}

.incontact{ width:235px; margin-top:15px; height:176px; line-height:25px; padding-left:10px;}
.incontact_en{ width:235px; margin-top:15px; height:176px; line-height:22px; padding-left:10px;}

.incontact_left{ width:235px; margin-top:8px; height:176px; line-height:25px; padding-left:10px;}
.incontact_left_en{ width:235px; margin-top:8px; height:176px; line-height:22px; padding-left:10px;}

.inproducts_list{ width:100%; margin-top:15px;}
.inproducts_head{ width:100%; margin-top:20px; background:url(../images/inlist_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.inproducts_head a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}

.inprod_list{ text-align:center; padding-left:18px;}
.inprod_list li{ width:200px; height:34px; background:url(../images/pro_listbg.jpg) no-repeat top center; text-align:center; line-height:34px; margin-top:30px;}

/**/
.left{ width:235px; float:left; margin-top:20px;}
.leftlist{ width:100%;}
.leftlist_head{ width:100%; background:url(../images/inlist_head.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.leftlist_head a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}

.leftlist_headen{ width:100%; background:url(../images/en_products.jpg) no-repeat left center; height:14px; line-height:14px; position:relative;}
.leftlist_headen a{ display:block; width:34px; height:7px; position:absolute; right:0px; top:8px;}

.left_add{ width:100%; margin-top:15px;}
.right{ width:742px; float:right; margin-top:20px;}
.right_position{ position:absolute; right:0px; top:0px; width:130px; height:14px; text-align:right; color:#888888; font-family:"����", Arial, sans-serif, "΢���ź�"; font-size:12px;}

.about_about{ width:732px; margin-top:15px; font-family:"����", Arial, sans-serif, "΢���ź�"; line-height:24px; font-size:12px; padding:0px 5px;}
.online{ width:732px; margin-top:0px; font-family:"����", Arial, sans-serif, "΢���ź�"; line-height:24px; font-size:12px; padding:0px 5px;}

/*news*/
.news{ width:730px; margin-left:6px; margin-top:0px;}
.news li{ background:url(../images/new_bg.jpg) no-repeat left center; padding-left:25px; border-bottom:1px #4B3523 dashed; height:30px; line-height:30px; position:relative; vertical-align:middle;}
.news li span{ position:absolute; top:0px; right:5px; display:block; height:30px; line-height:30px; vertical-align:middle; font-family:Arial, "����", sans-serif, "΢���ź�";}
.news_page{ text-align:right;}

/*factory*/
.honors{ margin-top:10px; margin-left:18px; font-family:"����", Arial, sans-serif, "΢���ź�"; font-size:12px; width:100%;}
.honors img{ border:#CC9900 1px dotted; padding:5px; width:200px; height:160px;}
.honors li{ float:left; display:inline; margin-right:25px;}
.honorspage{ text-align:center; padding-bottom:10px;}
/*factory*/

/*contact*/
.contactus{ margin-top:5px;}
.contactus p{ background:url(../images/list_bg.png) no-repeat left center; padding-left:15px; border-bottom:1px dashed #999999;  width:732px; font-family:"����", Arial, sans-serif, "΢���ź�"; line-height:30px; height:30px; font-size:12px;}
.contact_img{ width:100%; text-align:center; margin-top:10px;}

/*products*/
.products_lists{ margin-top:10px; margin-left:20px; font-family:"����", Arial, sans-serif, "΢���ź�"; font-size:12px; width:100%;}
.products_lists img{ border:#CC9900 1px dotted; padding:5px; width:200px; height:160px;}
.products_lists li{ float:left; display:inline; margin-right:30px; width:213px; height:200px; margin-top:10px;}

.products_listsen{ margin-top:10px; margin-left:18px; font-family:"����", Arial, sans-serif, "΢���ź�"; font-size:12px; width:100%;}
.products_listsen img{ border:#CC9900 1px dotted; padding:5px; width:200px; height:160px;}
.products_listsen li{ float:left; display:inline; margin-right:30px; width:213px; height:220px; margin-top:10px;}

.products_show{ margin-top:10px; font-family:"����", Arial, sans-serif, "΢���ź�"; font-size:12px; width:100%; margin-bottom:10px;}
/*products*/

/*left*/
.left_productsname{ width:200px; height:34px; background:url(../images/pro_listbg.jpg) no-repeat top center; text-align:center; line-height:34px; margin-top:10px; margin-left:18px;}
.left_prodlist{ margin-left:18px; width:200px;}
.left_prodlist li{ width:175px; margin-left:5px; margin-top:10px; height:20px; line-height:20px; vertical-align:top; border-bottom:1px dashed #000000; background:url(../images/list_bg.png) no-repeat left center; padding-left:15px;}
/*left*/